/*包围div样式*/
.box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  box-sizing: border-box;
  border: 1px solid #eee;
  position: relative;
  &::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #eee;
  }
}
/*左侧div样式*/
.left {
  width: 180px; /*左侧初始化宽度*/
  height: 100%;
  background: #ffffff;
  float: left;
  position: relative;
  &::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    height: 100%;
    background: #eee;
    right: 0px;
    top: 0px;
  }
}
/*拖拽区div样式*/
.resize {
  cursor: col-resize;
  float: left;
  position: relative;
  top: 50%;
  background-color: #d6d6d6;
  border-radius: 0px;
  width: 8px;
  height: 46px;
  background-size: cover;
  background-position: center;
  font-size: 32px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -5px;
  &:hover {
    transition: all 0.4s ease;
    color: #444444;
  }
}
.right {
  width: calc(100% - 180px); /*右侧初始化宽度*/
  height: 100%;
}
